<template>
	<view class="select-pages" @click="navigate('/page_pack/rent_payment/rent_payment?page='+page)">
		<image :src="imgStorage+'/login/lianzu.png'" class="info-icon"
			v-if="info.houseType && info.houseType.includes('廉租')">
		</image>
		<image :src="imgStorage+'/login/gongzu.png'" class="info-icon"
			v-else-if="info.houseType && info.houseType.includes('公租')">
		</image>
		<image :src="imgStorage+'/login/zhiguan.png'" class="info-icon"
			v-else-if="info.houseType && info.houseType.includes('直管')">
		</image>
		<view class="info">
			{{info.areaName||''}}{{info.streetName||''}}{{info.buildingNumber||''}}#{{info.unitNumber||''}}-{{info.floorLevel||''}}0{{info.roomNumber||''}}
		</view>
		<view class="iconfont icon-arrow-right-s-fill"></view>
	</view>
</template>

<script>
	export default {
		name: "SelectHouse",
		props: {
			info: {
				type: Object,
				default: () => {}
			},
			page: {
				type: String,
				default: ''
			}
		},
		data() {
			return {};
		},
		mounted() {}
	}
</script>

<style lang="scss" scoped>
	.select-pages {
		display: flex;
		align-items: center;

		.info-icon {
			width: 44rpx;
			height: 44rpx;
			margin-right: 10rpx;
		}

		.iconfont {
			font-size: 50rpx;
			color: #767676;
		}
	}
</style>